<template>
<div>
    <HomeTop></HomeTop>
    <HomeRight></HomeRight>
    <HomeSearch></HomeSearch>
    <div class="search-shopping-list">
        <div class="search-shopping-row" v-for="value in 3">
            <div class="search-shopping-row-item" v-for="value in 6">
                <img class="search-item-img" src="https://img.alicdn.com/imgextra/i3/385132127/O1CN01cno4Hc1RaDVpjAjuv_!!385132127-0-alimamacc.jpg"></img>
                <h2 class="search-item-name">安踏超模T丨正肩翻领polo打底衫女秋新款修身显瘦高智风内搭上衣</h2>
                <div class="search-item-fenlei">
                    <h3>套头</h3>
                    <h3>长袖</h3>
                    <h3>卫衣</h3>
                </div>
                <h1 class="search-item-price">￥163.00</h1>
                <h2 class="search-item-baoyou">包邮</h2>
                <h2 class="search-item-shopname">安踏官方旗舰店</h2>
            </div>
        </div>
        <div class="search-batton-div">
            <button><i class="iconfont icon-shangyige"></i>&nbsp;&nbsp;上一页</button>
            <button>下一页&nbsp;&nbsp;<i class="iconfont icon-xiayige"></i></button>
            <button>&nbsp;&nbsp;首页&nbsp;&nbsp;</button>
        </div>
    </div>
</div>
</template>
<script> 
import HomeTop from "@/components/HomeTop.vue";
import HomeRight from "@/components/HomeRight.vue";
import "../style/SearchView.css"
export default {
  name: "SearchView",
  data() {
    return {
      
    };
  },
  methods: {
    
  },
  mounted() {
        const Element=document.getElementById("searchInput");
        const value=this.$route.query.value;
        Element.value=value;
        // alert("调用后端接口搜索！");
  },
};
</script>